<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        // 回调函数：传递过去一个函数，在另一个地方调用，调用的时候传递实参。
        // 函数在 JS 中其实就是一种数据而已。

        // 模拟一个请求成功的函数 - callbackFn 用于接收函数
        const success = function (callbackFn) {
            // 模拟后端返回的对象
            const obj = {
                data: [
                    { id: 1, name: '菠萝' },
                    { id: 2, name: '雪梨' },
                    { id: 3, name: '榴莲' }
                ],
                code: 200,
            }
            // 回去调用函数 - 传递了实参
            callbackFn(obj);
        }

        success(function (res) {
            // res 就接收到了实参数据
            console.log(res);
        });

    </script>
</body>

</html>